<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximun-scale=1.0,user-scalable=0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/confirm.css">
  <title>Document</title>
</head>

<body>
  <div class="container">
    <!-- 头部 -->
    <header>
      <div class="header">
        <a class="back" href="itemSelect.html"></a>
        <span>订单确认</span>
        <a class="forward" href="#"><img src="images/confirm/icon01.png" alt=""></a>
      </div>
    </header>
    <section>
      <div class="main">
        <div class="address">
          <img class="icon_address" src="images/confirm/icon02.png" alt="">
          <div class="address_r">
            <h1>
              <div class="name">张三</div>
              <div class="phone">15351621452</div>
            </h1>
            <p class="desc">
              山东 青岛 市南区 台南路XX号 台南路小区2号楼X
              单元XX
            </p>
          </div>
        </div>
        <img class="border" src="images/confirm/border.png" alt="">
        <div class="shopContent">
          <p class="title">
            <img class="fl" src="images/confirm/icon03.png" alt="">
            <span>萱萱服饰</span>
          </p>
          <div class="shopInfo">
            <img src="images/confirm/img01.png" alt="">
            <div class="shopDetail">
              <p class="title">
                商品名称商品名称商品商品名
                品名名称商品名称商品商品名称商
              </p>
              <p class="ma">粉色,M码</p>
              <p class="price">￥120/件</p>
            </div>
          </div>
          <div class="shopCount">
            <p>购买数量</p>
            <ul class="countRight">
              <li>-</li>
              <li>1</li>
              <li>+</li>
            </ul>
          </div>

        </div>
        <ul class="payWay">
          <li>
            <img src="images/confirm/icon04.png" alt="">
            <span>微信支付</span>
          </li>
          <li>
            <img src="images/confirm/icon05.png" alt="">
            <span>支付宝支付</span>
            <img class="fr" src="images/confirm/icon07.png" alt="">
          </li>
          <li>
            <img src="images/confirm/icon06.png" alt="">
            <span>QQ钱包</span>
          </li>
        </ul>
      </div>
    </section>
    <footer>
      <div class="footer">
        <div>
          <span>实付款：</span>
          <p class="price">￥120 </p>
          <span>免运费</span>
        </div>
        <button>立即支付</button>
      </div>
    </footer>
  </div>
</body>

</html>